form.stylin_form1 {
	border: 1px solid #bbb7ae;
	padding: .5em .5em .15em;
}

.stylin_form1 h3 {
	/* 表单主标题 */
	margin: 0;
	padding: 0 0 .2em .2em;
	font-weight: 600;
	color: #bbb7ae;
}

.stylin_form1 fieldset {
	/*包含控件与标注*/
	margin: 0;
	padding: 0 0 .2em 0;
	width: 100%;
	border: 0;
}

/* legend元素的位置不同寻常，所以我把它的文本包含在一个块级span中，转而为span设定样式 */

.stylin_form1 legend {
	width: 100%;
	padding: .3em 0;
	border-radius: 10px;
	background: #bbb7ae;
	/*蓝色条*/
}

.stylin_form1 legend span {
	/* 设定标题文本的样式 */
	display: block;
	font-size: 1em;
	line-height: 1.1em;
	padding: 0 0 0 .4em;
	font-weight: 700;
	color: #fff;
	/*灰色条上的反白文本*/
}

.stylin_form1 section {
	overflow: hidden;
	/* 强制section包含表单控件及标注 */
	padding: .2em 0 .4em 0;
	border-bottom: 8px solid #e7e5df;
	/* 根据需要在每个section间增加间距 */
}

.stylin_form1 section:last-child {
	/* 每组最后一个section没有边框 */
	border-bottom: 0px;
}

.stylin_form1 section label,

/* 表单控件的标注 */

.stylin_form1 section h4 {
	/* h4是复选框和单选按钮组的标题 */
	display: block;
	clear: both;
	margin: .3em .3em 0 0;
	/* 右外边距确保标注文本在碰到input之前会换行 */
	padding-bottom: .1em;
	font-size: 1em;
	font-family: 'Droid Sans';
	font-weight: 400;
	line-height: 1.1;
}

.stylin_form1 section label span,

/* 星号表示必填字段 */

.stylin_form1 section h4 span {
	font-size: 2em;
	vertical-align: text-top;
	color: #f00;
}

.stylin_form1 section p.note {
	/*说明星号是必填字段的文本*/
	font-size: 2em;
	color: #f00;
	margin: 0;
	padding: 0 0 .3em 0;
}

.stylin_form1 section input,
.stylin_form1 section textarea,
.stylin_form1 section select {
	margin: .2em .5em .2em 0;
	padding: .2em .4em;
	/* 给input中的文本添加间距 */
	color: #000;
	box-shadow: 1px 1px 3px #ccc;
	font-size: 1em;
	font-family: inherit;
	/* 针对Firefox - 没有这条声明会在textarea上使用Courier */
	outline: none;
	/* 去掉默认蓝色聚焦轮廓线 */
}


/* 设定文本字段（文本、密码、日期、文本区等）的样式，并加圆角 */

.stylin_form1 section input,
.stylin_form1 section textarea {
	width: 80%;
	/*设定字段宽度*/
	border: 1px solid #bbb7ae;
	border-radius: 3px;
	/*圆角边框*/
}

.stylin_form1 section textarea {
	height: 5em;
	/* textarea 的高度 */
	margin-top: .3em;
	/* 与上面label的间距 */
	line-height: 1.1;
}

.stylin_form1 section p {
	/*控件使用说明*/
	margin: .3em .75em 0;
	clear: both;
	font-size: 0.8em;
	line-height: 1.1;
	color: #000;
}

.stylin_form1 section p.error {
	color: #f00;
	/* 添加error类，把说明文字设定为红色 */
}

.stylin_form1 section section {
	/* 控件/标注的内包装 */
	overflow: hidden;
	/* 强制元素包围浮动标注 */
	margin: .2em 0 .3em .4em;
	padding: 0 0 .1em 0;
	border-bottom: none;
}

.stylin_form1 section section input {
	/*单选按钮或复选框*/
	float: left;
	clear: both;
	width: auto;
	/* 重设继承的宽度 */
	margin: .1em 0 0em .3em;
	/* 顶部与标注对齐，左侧防止intput溢出 */
}

.stylin_form1 section section label {
	float: left;
	clear: none;
	/* 重设继承的值 */
	width: 15em;
	margin: .15em 0 0 .6em;
	/* 在相邻的复选框之间、复选框与标注之间增加间距 */
	font-weight: normal;
	/*  重设继承的值 */
	font-size: 1em;
	line-height: 1.2;
}

.stylin_form1 section select {
	margin-left: .4em;
	font-size: 1em;
}

.stylin_form1 section input[type="submit"] {
	/*提交按钮*/
	width: 100%;
	/* 覆盖为其他字段设定的宽度 */
	margin: .4em .3em 0 0;
	font-size: 1em;
	font-weight: 800;
	color: #fff;
	background-color: dodgerblue;
	cursor: pointer;
	text-align: center;
	/*在鼠标位于按钮之上时，把光标变成小手形状*/
}